<style>
    {if $code == 1 && $hasSignature == false}
    {$style}
    {/if}
    body{
        background: white;
    }
    .content{
        padding-top: 0px;
        padding-bottom: 0px;
        padding-right: 0px;
        padding-left: 0px;
        background: #f5f5f5;
    }
    .btn-group a{
        margin-right: 8px;
        font-size: 90%;
    }
    .ebill{
        width: 100%;
        height: calc(100vh)!important;
        overflow: auto;
        line-height: unset!important;
        padding-top: 0px;
        padding-bottom: 8px;
    }
    .ebill-html{
        /*width: max-content;*/
        /*如果要正常显示横页，启用该样式，但缩略图截取会错位*/
        margin-right: auto;
        margin-left: auto;
        background: #f5f5f5;
    }
    div ::-webkit-scrollbar {
        /*滚动条整体*/
        width: 12px;
        height: 8px;
        border-radius: 5px;
    }
    div ::-webkit-scrollbar-track {
        /*滚动条轨道*/
        background: #e3e3e3;
        border-radius: 2px;
    }
    div ::-webkit-scrollbar-thumb {
        /*滚动条里面的滑块*/
        background: #d1d1d1;
        border-radius: 2px;
    }
    div ::-webkit-scrollbar-thumb:hover {
        /*滚动条鼠标事件，鼠标放上去出现的事件*/
        background: #a8a8a8;
    }
    div ::-webkit-scrollbar-corner {
        /*滚动条边角*/
        background: #a8a8a8;
    }
    .mask{
        position: fixed;
        width: 100%;
        height: 100%;
        background: white;
        z-index: 999;
    }
    .ebill-content{
        position: relative;
        margin: auto;
    }
    .ebill-html section{
        position: relative;
    }
    .qrcode{
        position: absolute;
    }

</style>

<div class="ebill" id="ebill">
    {if $code == 0}
    <div class="alert alert-danger-light alert-dismissible"><i class="fa fa-warning"></i> {$msg}</div>
    {else /}
        {if $hasSignature == true}
            <div class="ebill-content" id="ebill-content" data-title="{$ebill_title}" style="width: {$size.width}px;height:{$size.height}px;background-image: url('{$ebill}')">
        {else /}
            <div class="mask"></div>
            <div class="ebill-html" id="ebill-html" style="width: {$size.width}in">
                {$ebill}
            </div>
        {/if}
    {/if}
</div>
